html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#primary {
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
	border-top: none;
}

#primary_header h1 {
	color: #333333;
	font-size: 17px;
	margin: 8px 20px;
	overflow: hidden;
	position: relative;
	text-shadow: 0 1px 0 #FFFFFF;
	white-space: nowrap;
	text-align: left;
	width: 50%;
}

#secondary {
	border-right: 1px solid #97A9B6;
	bottom: 0;
	left: 0;
	top: 44px;
	margin-bottom: 25px;
	overflow: hidden;
	position: fixed;
	width: 216px;
	background: none repeat scroll 0 0 #E2E7ED;
	border-right-color: #97A9B6;
	z-index: 99;
}

ul#folder_actions {
	background: url("../img/folder_actions.gif") repeat-x scroll 0 0 #BAC5D3
		;
}

ul#folder_actions {
	background: url("../img/folder_actions.gif") repeat-x scroll 0 0 #BAC5D3
		;
	border-right: 1px solid #A9ADB2;
	border-top: 1px solid #A9ADB2;
	bottom: 0;
	height: 25px;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	width: 216px;
}

ul#folder_actions li a {
	border-right: 1px solid #A9ADB2;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}

ul#folder_actions li {
	border-right: 1px solid #CBD4DE;
	display: inline;
	float: left;
}
ul#folder_actions li:FIRST-CHILD{
	border-top: none;
}

ul#folder_actions li#folder_add a {
	background: url("../img/Blue-Steel.png") no-repeat scroll 0 -593px
		transparent;
	cursor: pointer;
	height: 25px;
	width: 33px;
}

ul#folder_actions li#folder_input a {
	background: url("../img/Blue-Steel.png") no-repeat scroll 0 -593px
		transparent;
	cursor: pointer;
	height: 25px;
	width: 33px;
}

ul#folder_actions li#folder_remove a.disabled {
	background: url("../img/Blue-Steel.png") no-repeat scroll 0 -818px
		transparent;
	cursor: not-allowed;
	height: 25px;
	width: 31px;
}

ul#folder_actions li#folder_remove a.enabled {
	background: url("../img/Blue-Steel.png") no-repeat scroll 0 -893px
		transparent;
	cursor: pointer;
	height: 25px;
	width: 31px;
}

#primary_header {
	border-bottom: 1px solid #97A9B6;
	height: 37px;
	left: 217px;
	min-width: 500px;
	position: relative;
	right: 0;
	top: 82px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	background: none repeat scroll 0 0 #D1D8E2;
	border-bottom-color: #97A9B6;
	border-top: 1px solid #97a9b6;
}

#primary_content {
	background: none repeat scroll 0 0 #FFFFFF;
	bottom: 0;
	left: 217px;
	min-width: 500px;
	overflow: auto;
	position: absolute;
	right: 0;
	top: 82px;
	margin: 0;
	padding: 0;
}

#nav_secondary {
	cursor: pointer;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 216px;
}

ul#nav_secondary li {
	cursor: pointer;
	display: inline;
	float: left;
	list-style-type: none;
	position: relative;
	width: 100%;
	list-style-type: none;
}

#address_contacts {
	border-right: 1px solid #97A9B6;
	bottom: 0;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 30px;
	width: 268px;
}
#search{
	position: absolute;
	border-right: 1px solid #97A9B6;
	height: 30px;
	border-bottom: 1px solid #97A9B6;
	left: 0px;
	top: 0px;
	width: 268px;
}
#search span{
	height: 24px;
	width: 240px;
	border: 1px solid #ccc;
	border-radius:10px;
	display: inline-block;
	margin-top: 2px;
	margin-left: 15px;
	padding-left: 5px;
	
}
#search span a{
	background: url('../js/kendoui/img/treeview/search.png') right 5px no-repeat;
	height: 24px;
	width: 24px;
	display: inline-block;vertical-align: middle;
}
#search span input{
	border: none;
	width: 212px;
	height: 24px;
	background: none;
	vertical-align: middle;
}

#contact_info {
	background: none repeat scroll 0 0 #FFFFFF;
	bottom: 0;
	left: 310px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px 0 0 0;
	position: absolute;
	right: 0;
	top: 0;
}

.address_row {
	border-bottom: 1px solid #CCCCCC;
	height: 28px;
	left: 0;
	padding: 13px 0 0 10px;
	top: 10px;
	width: 274px;
}

.address_row .check {
	display: inline;
	float: left;
	position: relative;
}

.contact_click {
	cursor: pointer;
}

.contact_icon {
	background: url("../img/ui-icons.png") no-repeat scroll 8px -1513px
		transparent;
	cursor: pointer;
	float: left;
	height: 28px;
	margin-left: 0;
	position: relative;
	width: 26px;
}

#address_contacts .name {
	float: left;
	height: 32px;
	left: 5px;
	overflow: hidden;
	position: relative;
	top: 0;
	white-space: nowrap;
	width: 175px;
}

#address_contacts .name {
	white-space: nowrap;
}

.name .last_name {
	font-weight: bold;
	height: 28px;
}

.name .email {
	color: #999999;
	font-weight: normal;
}

div.contact-photo {
	float: right;
	height: 30px;
	position: relative;
	right: 37px;
	top: -8px;
	width: 30px;
	border-radius:15px 15px 15px 15px;
	overflow: hidden;
}

div.contact-fav {
	background: url("../img/star-fav.png") no-repeat scroll 0 0 transparent;
	float: right;
	height: 14px;
	position: relative;
	right: 30px;
	top: 12px;
	width: 14px;
}

#contact_info_panel {
	text-align: left;
}

#contact_info_panel table {
	width: 100%;
}

#contact_info_panel table th {
	width: 120px;
	line-height: 40px;
	text-align: left;
	font-size: 12px;
	font-weight:  normal;
}


ul#nav_secondary li a {
	color: #333333;
	cursor: pointer;
	display: block;
	float: left;
	text-decoration: none;
	text-shadow: 0 1px 1px #EEEEEE;
	width: 100%;
	height: 36px;
}

ul#nav_secondary li.current a {
	background: url("../img/current_folder_top.gif") repeat-x scroll 0 0
		#B9C4D2;
	border-bottom: 1px solid #97A9B6;
	border-top: 1px solid #97A9B6;
	font-weight: bold;
}

ul#nav_secondary li a span .label {
	background: url("../img/ui-icons.png") no-repeat scroll 15px -254px
		transparent !important;
}

ul#nav_secondary .current a span.label {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	width: 132px;
}

ul#nav_secondary li a span.label,ul#nav_secondary form {
	background: url("../img/ui-icons.png") no-repeat scroll 13px -3682px
		transparent;
	display: block;
	height: 30px;
	line-height: 24px; overflow : hidden;
	white-space: nowrap;
	width: 132px;
	padding-left: 37px;
	padding-top: 6px;
	padding-bottom: 5px;
	overflow: hidden;
	color: #000;
	text-shadow: none;
}

ul#nav_secondary li a:hover {
	background: none repeat scroll 0 0 #CCD4DE;
}

ul#nav_secondary .current a:hover {
	background: url("../img/current_folder_top.gif") repeat-x scroll 0 0
		#B9C4D2;
}

.selected {
	background-color: #EAEEF3 !important;
	text-shadow: 0 1px 0 #FFFFFF;
}

ul#for_messages li a {
	background: url("../img/button_right.png") no-repeat scroll 100% 0
		transparent;
	display: inline;
	margin: 5px 4px 4px 0;
}

#contact_info .full_name {
	font-size: 18px;
	font-weight: bold;
}

ul#for_messages li a span {
	background: url("../img/Blue-Steel.png") no-repeat scroll 0 -362px
		transparent;
	display: block;
	float: left;
	text-shadow: 0 1px 1px #EEEEEE;
}

ul#for_messages li a span strong {
	cursor: pointer;
	display: block;
	float: left;
	height: 21px;
	overflow: hidden;
	padding: 5px 10px 0 30px;
	position: relative;
}

ul#for_messages li#action_contact_new a span strong {
	background: url("../img/ui-icons.png") no-repeat scroll 9px -64px
		transparent;
}

ul#for_messages li#action_contact_newgroup a span strong {
	background: url("../img/ui-icons.png") no-repeat scroll 8px -129px
		transparent;
}

ul#for_messages li#action_contact_edit a span strong {
	background: url("../img/ui-icons.png") no-repeat scroll 9px -1443px
		transparent;
}

ul#for_messages li#action_contact_delete a span strong {
	background: url("../img/ui-icons.png") no-repeat scroll 9px -1989px
		transparent;
}

ul#for_messages li#action_contact_mail a span strong {
	background: url("../img/ui-icons.png") no-repeat scroll 8px -6400px
		transparent;
}

ul#for_messages li#action_contact_import a span strong {
	background: url("../img/ui-icons.png") no-repeat scroll 9px -4153px
		transparent;
}

ul#for_messages li#action_contact_export a span strong {
	background: url("../img/ui-icons.png") no-repeat scroll 9px -2453px
		transparent;
}

li#action_view_sync a span strong {
	background: url("../img/ui-icons.png") no-repeat scroll 8px -4087px
		transparent;
}
#back_button{
	;width: 100px;position: absolute;right: 0px;top: 8px;
}

.stronglastword{
	font-weight: bold;
}

.dragHelper {
	z-index: 999999;
	position: fixed;
	width: 27px;
	height: 22px;
	background: url(../img/ui-icons.png) no-repeat scroll 0px -1578px
		transparent
}

.dragHelper span {
	display: block;
	margin-top: 10px;
	margin-left: 14px
}

.dragHelper span strong {
	background: url(../img/point.png) no-repeat;
	width: 18px;
	display: block;
	text-align: center;
	color: #ffffff;
}

#group_Global a span.label {
	background: url("../img/ui-icons.png") no-repeat scroll 14px -3949px
		transparent !important;
}

.contactGroup a span.label {
	background: url("../img/ui-icons.png") no-repeat scroll 15px -254px
		transparent !important
}

#address_contacts .bottom {
	height: 20px;
	display: block;
}

#AddGroupTxt {
	position: absolute;
	left: 35px;
	top: 10px;
}

.photoFrame {
	width: 60px;
	height: 76px;
	background: url("../img/frame.png") no-repeat;
	left: 0px;
	top: 0px;
}

.photo {
	width: 58px;
	height: 60px;
	overflow: hidden;
}

.photo img {
	margin-left: 2px;
	margin-top: 2px;
	cursor: pointer;
}

.photo input {
	font-size: 60px;
	margin-left: -720px;
	cursor: pointer;
	filter: alpha(opacity =     0);
	opacity: 0;
	line-height: 60px;
	margin-top: -80px;
}

#finalView {
	margin-left: 2px;
	margin-top: 2px;
}

#previewPanel {
	display: none;
	width: 56px;
	height: 56px;
	margin-left: 2px;
	margin-top: 2px;
	overflow: hidden;
}

#previewPanel img {
	margin-left: 0px;
	margin-top: 0px;
}

#imgBottom {
	width: 60px;
	height: 15px;
}

 
#address_pageBar {
	height: 25px;
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #BAC5D3;
	width: 252px;
	background: url(../img/folder_actions.gif) repeat-x scroll 0 0 #BAC5D3
}
